<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
		<script src="../js/vue.js" type="text/javascript" charset="utf-8"></script>
		<link rel="stylesheet" type="text/css" href="about.css"/>
		<link rel="stylesheet" type="text/css" href="../css/animate.min.css"/>

	</head>
	
	<body>
		<div class="wrap">
			<div class="wrap_header">
				<img id="mobile_logo" src="../img/logo.png"/>
				<img id="mobile_nav" src="../img/mobile_nav.png" alt="" />
				<div id="mobile_nav_frame">
					<a href="first.html">首页</a>
					<a href="../product_phone.html">产品</a>
					<a href="../mobile.php">动态</a>
					<a href="about.html">关于</a>
					<a href="../contact.html">联系</a>
				</div>
			</div>
			<div id="wrap_body">
			<productshow v-for="model in datas" :model="model"></productshow>
			</div>
			
			<template id="product_show">
			<h2 :class="model.bodytitle1">{{model.body_title1}}</h2>
			<p :class="model.bodytext1">{{model.body_text1}}</p>
			<p :class="model.bodytext2">{{model.body_text2}}</p>
			<p :class="model.bodytext3">{{model.body_text3}}</p>
			<img :class="model.body_img" :src="model.imgurl" alt="" />
			
			<h2 :class="model.body2title1">{{model.body2_title1}}</h2>
			<p :class="model.body2text1">{{model.body2_text1}}</p>
			<p :class="model.body2text2">{{model.body2_text2}}</p>
			<p :class="model.body2text3">{{model.body2_text3}}</p>
			<p :class="model.body2text4">{{model.body2_text4}}</p>
			<p :class="model.body2text5">{{model.body2_text5}}</p>
		</template>
			
			
			
			
			<div class="wrap_footer">
				<a href="">联系我们</a>
				<p>北京紫尘咨询有限责任公司</p>
			</div>
		</div>
	</body>
	<script src="../js/jquery-1.12.1.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="about.js" type="text/javascript" charset="utf-8"></script>
	
</html>
